<template>
    <div class="m-GenBox">
        <div class="u-flex_row">
            <div class="u-cardBox third">
                <div class="title">标签展示</div>
                <div class="cardMain">
                    <u-echart position="left" direction="col" keyId="echart_1" type="line" 
                        :legend="legendList1">
                    </u-echart>
                </div>
            </div> 
        </div>
    </div>
</template>
<script>
export default {
    name: 'indexp',
    data(){
        return{
            legendList1:[
                {name:'钱塘新区',color:'#fdb628'},
                {name:'学校',color:'#6374f7'},
            ],
            list1:[
                {name:"第三中学",value:[[39, 60, 70, 80, 97]]},
                {name:"学生特质",value:[[39, 60, 70, 80, 97]]},
                {name:"教师行为",value:[[39, 60, 70, 80, 97]]},
                {name:"领导风格",value:[[39, 60, 70, 80, 97]]},
            ],
        }
    },
    created(){
        this.getInit()
    },
    mounted(){
    },
    methods:{
        getInit(){
            
        },
        getChart(){

        },

    },
}
</script>
<style lang="scss" scoped>
.u-cardBox {
    &.first{
        width: 504px; height: 440px;
        .group{
            display: flex;
            justify-content: space-between;
            text-align: center;
        }
        .progressBox{
            width: 33.33%;
            .name{
                font-size: 16px; color: #747e93;
                margin-top: 22px;
            }
        }
    }
    &.second{
        flex: 1; height: 440px;
        display: flex;
        flex-direction: column;
        margin-left: 24px;
        .cardMain{
            width: 100%;
            flex: 1;
        }
    }
    &.third{
        flex: 1; height: 480px;
        display: flex;
        flex-direction: column;
        .cardMain{
            width: 100%;
            flex: 1;
        }
    }
}
</style>
